import React from "react";
import {Button, Card, Col, Row, Input} from "antd";

const {Search} = Input;

import ConnectCounter from "./redux/views/CounterMap";

// import store from "./store";

class FrontContentMain extends React.Component {
    render() {
        return (
            <div>
                <Row gutter={[16, 16]} type={'flex'} justify="center">
                    <Col xs={24} sm={24} md={16} lg={16} xl={12}>
                        <Card title={'功能在开发中'}>
                            <p>
                                <span>当前用户是否已登录?</span>
                            </p>
                            {/*{console.log('call FrontContentMain. store: store.getState():'+JSON.stringify(store.getState()))}*/}
                            <ConnectCounter />
                            <p>
                                <Search
                                    addonBefore="输入查询的用户&nbsp;"
                                    placeholder="用户名"
                                    onSearch={value => console.log(value)}
                                    enterButton="Search"
                                    style={{width: "100%"}}
                                />
                            </p>
                        </Card>
                    </Col>
                </Row>
                <Row gutter={[16, 16]} justify={'center'} type={'flex'} style={{visibility: 'hidden'}}>
                    <Col>
                        <Button>进入后台</Button>
                    </Col>
                </Row>
                <Row gutter={[16, 16]} justify={'center'} type={'flex'} style={{visibility: 'show'}}>
                    <Col>

                    </Col>
                </Row>
                {/*<Row gutter={[16, 16]} type={'flex'} justify="center">*/}
                {/*    <Col span={6}>*/}
                {/*        <Card>*/}
                {/*            <p>*/}
                {/*                <span>Content</span>*/}
                {/*            </p>*/}
                {/*            <Search*/}
                {/*                placeholder="input search text"*/}
                {/*                onSearch={value => console.log(value)}*/}
                {/*                style={{width: '80%'}}*/}
                {/*            />*/}
                {/*        </Card>*/}
                {/*    </Col>*/}
                {/*</Row>*/}
            </div>
        );
    }
}

export default FrontContentMain;